<script setup lang="ts">
import { onLaunch } from '@dcloudio/uni-app';

// 获取代理对象
const proxy = getCurrentInstance()?.proxy;

// 获取appStore
const appStore = useAppStore();

onLaunch(async () => {
  // #ifdef H5
  // const { MODE } = import.meta.env;
  /**
   * 可以继续增加条件，比如嵌套在 小程序、app 内的情况，当前仅校验是否h5的开发环境
   *
   * 如果要在生产环境使用(! 已移除依赖，需要使用请手动按需添加依赖)
   * 1.请添加触发条件，例如通过特定参数可以查看而不是谁都可以查看
   * 2.在生产环境使用请重新安装vconsole依赖 执行 pnpm add vconsole，因为当前 -D 安装
   */
  // if (MODE === 'development') {
  //   const Vconsole = await import('vconsole').then(res => res.default);
  //   void new Vconsole();
  // }
  // #endif

  // 调用初始化全局异步等待
  await appStore.initGlobalAsync();
  // 通知页面加载完成
  proxy?.$resolveAppLaunched();
});
</script>

<style lang="postcss">
page,
html,
body,
#app {
  /** 这里设置所有页面背景色 */
  background-color: #f5f5f5;
  @apply max-w-[750rpx] mx-auto;
}

.wd-tabbar {
  @apply max-w-[750rpx] mx-auto;
}

/** 给内置 button 上色 */
button[type='primary'] {
  background-color: var(--primary);
}

button[type='primary']:hover {
  background-color: var(--primary-hover);
}

/* 隐藏 scroll-view 的滚动条 */
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}

/* #ifdef H5 */
:global(.uni-tabbar) {
  visibility: hidden;
}
/* #endif */
</style>
